<template>
    <div>
        <van-tabbar v-model="active" :fixed="true"   :placeholder="true" safe-area-inset-bottom route>
            <van-tabbar-item icon="home-o" to="/">首页</van-tabbar-item>
            <van-tabbar-item icon="search" to="/about">推荐</van-tabbar-item>
            <van-tabbar-item icon="friends-o" to="/cart">购物车</van-tabbar-item>
            <van-tabbar-item icon="setting-o" to="/mine">我的</van-tabbar-item>
        </van-tabbar>
    </div>
</template>

<script>
    export default {
        name: "tabbar",
        data(){
            return{
                active: 0
            }
        }
    }
</script>

<style scoped>

</style>
